@charset "utf-8";
@import "common/reset";
.kv{
    margin-top: 56px;
    .pagination{
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border:1px solid #fff;
        background: no-repeat;
    }
    .active{
        background: #fff;
    }
}

.lieren-2,.justDoit{
    .allWidth{
        background: url(../img/lieren6.png)no-repeat;
        padding-top: 33px;
        .lieren-2tu{
            padding-left: 0;
        }
    }
    .profont{
        h2{
            font-size: 24px;
            color: #2a2a2a;
            line-height: 24px;
            text-align: right;
            margin-bottom: 19px;
        }
        p{
            width:638px ;
            font-size:12px ;
            color:#898989 ;
            line-height: 30px;
            text-align: right;
            margin-bottom:30px;
        }
        .row{
            .img{
                margin-bottom: 30px;
            }
        }
    }    
}
.justDoit{
    .allWidth{
        background: none;
    }
    .profont{
        h2{
            font-size: 24px;
            color: #2a2a2a;
            line-height: 24px;
            text-align: left;
            margin-bottom: 19px;
        }
        p{
            width:638px ;
            font-size:12px ;
            color:#898989 ;
            line-height: 30px;
            text-align: left;
            margin-bottom:30px;
        }
        .row{
            .img{
                margin-bottom: 30px;
            }
        }
    }
}


.moreGame{
    margin-top: 94px;
   .container{
      h2{
          font-size:36px ;
          color: #010101;
          margin-bottom:31px ;
      }
      .GameType{
          margin-bottom: 30px;
          .font{
              p{
                font-size: 14px;
                text-align: center;  
                padding: 13px 0;
              }
          }
      } 
   } 
}

@media only screen and (max-width:415px){
      
.lieren-2,.justDoit{
    .allWidth{
        background:none;
        padding-top: 33px;
        .lieren-2tu{
            display: none;
        }
    }
    .profont{
//      padding-left: 0;
        h2{
            font-size: 21px;
            color: #2a2a2a;
            line-height: 24px;
            text-align: left;
            margin-bottom: 19px;
        }
        p{
            width:360px ;
            font-size:12px ;
            color:#898989 ;
            line-height: 25px; 
            margin-bottom:30px;
        }
        .four{
            .img{
                margin-bottom: 15px;
                img{
                    width: 100%; 
                }
            }
        }
    }    
} 


.moreGame{
    margin-top: 35px;
    .container{
        h2{
            font-size: 30px;
            color: #000;
            text-align: center;
            margin-bottom: 50;
        }
        .GameType{
            img{
                width: 100%;
            }
            .gameName{
                font-size: 12px;
                color: 000;
            }
        }
    }
}

}


@media only screen and (max-width:376px){ 
    
.lieren-2,.justDoit{
    .profont{
        p{
            width:315px ;
            font-size:12px ;
            color:#898989 ;
            line-height: 25px; 
            margin-bottom:30px;
            text-align: left;
        }
}
}
}



@media only screen and (max-width:320px){ 
body{
    background: #000;
}
.lieren-2,.justDoit{
    .allWidth{
        background:none;
        padding-top: 33px;
        .lieren-2tu{
            display: none;
        }
    }
    .profont{
//      padding-left: 0;
        h2{
            font-size: 21px;
            color: #2a2a2a;
            line-height: 24px;
            text-align: left;
            margin-bottom: 19px;
        }
        p{
            width:260px ;
            font-size:12px ;
            color:#898989 ;
            line-height: 25px; 
            text-align: right;
            margin-bottom:30px;
        }
        .four{
            .img{
                margin-bottom: 15px;
                img{
                    width: 100%; 
                }
            }
        }
    }    
}

.lieren-2{
    .container{
        background:url(../img/lieren1.png) no-repeat ;
        background-size: 60%;
        background-position-x: 30%;
        filter:alpha(opacity=70);
        background-color: rgb(0, 0, 0);
        filter: alpha(opacity=40);
        h2{
            color: #fff;
        }
        p{
            color: #fff;
        }
    }
}
.justDoit{
    background: #000;
    .container{
        background:url(../img/justdoit1.png) no-repeat ;
        background-size: 60%;
        background-position-x: 50%;
        background-position-y: 10%;
        background-color: rgb(0, 0, 0);
        .profont{
            h2{
                color: #fff;
            }
            p{
                color: #fff;
            }
        }
    }
}


.moreGame{
    background: #000;
    margin-top: 35px;
    .container{
        h2{
            font-size: 30px;
            color: #fff;
            text-align: center;
            margin-bottom: 50;
        }
        .GameType{
            img{
                width: 100%;
            }
            .font{
                p{
                    font-size: 12px;
                    color: #fff;
                }
            }
        }
    }
}



}



